import { lang } from "next/root-params";
import { getLocalizedPath } from "@/lib/geistdocs/public-path";

const NotFound = async () => {
  const currentLang = await lang();
  const path = (value: string) => getLocalizedPath(currentLang, value);

  return (
    <main className="mx-auto grid min-h-[60vh] w-full max-w-2xl content-center gap-5 px-6 py-20">
      <p className="font-mono text-gray-900 text-sm">404</p>
      <h1 className="font-[450] text-4xl tracking-tight">Page not found</h1>
      <p className="text-gray-900 text-lg">
        The requested page does not exist. Browse the documentation or use a
        machine-readable index to find the closest current page.
      </p>
      <ul className="grid gap-2">
        <li>
          <a className="underline" href={path("/docs")}>
            Browse the documentation
          </a>
        </li>
        <li>
          <a className="underline" href={path("/sitemap.md")}>
            Open the semantic sitemap
          </a>
        </li>
        <li>
          <a className="underline" href={path("/llms.txt")}>
            Open the complete Markdown corpus
          </a>
        </li>
      </ul>
    </main>
  );
};

export default NotFound;